// import React, { useState } from 'react';
// import axios from 'axios';

// // 微信支付按钮组件
// const WechatPayButton = ({ amount, description }) => {
//   const [loading, setLoading] = useState(false);
//   const [message, setMessage] = useState('');

//   // 生成订单号
//   const generateOrderNo = () => {
//     return 'ORD' + Date.now() + Math.floor(Math.random() * 1000);
//   };

//   // 调用后端创建订单并发起支付
//   const handlePay = async () => {
//     setLoading(true);
//     setMessage('');
    
//     try {
//       // 1. 获取用户openid（实际项目中需通过微信登录获取）
//       const openid = 'wxdfe83c13f52decf3'; // 实际开发中需要动态获取
      
//       // 2. 调用后端接口创建订单
//       const response = await axios.post('/api/createOrder', {
//         totalFee: amount * 100, // 转换为分
//         body: description,
//         outTradeNo: generateOrderNo(),
//         openid
//       });
      
//       const payParams = response.data;
      
//       // 3. 调起微信支付（需在微信环境或微信开发者工具中）
//       if (typeof WeixinJSBridge === 'undefined') {
//         throw new Error('请在微信环境中打开');
//       }
      
//       WeixinJSBridge.invoke('getBrandWCPayRequest', payParams, (res) => {
//         setLoading(false);
//         if (res.err_msg === 'get_brand_wcpay_request:ok') {
//           setMessage('支付成功');
//           // 支付成功后的逻辑（如跳转订单详情）
//         } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
//           setMessage('用户取消支付');
//         } else {
//           setMessage('支付失败，请重试');
//         }
//       });
//     } catch (error) {
//       setLoading(false);
//       setMessage(error.message || '支付请求失败');
//     }
//   };

//   return (
//     <div className="pay-container">
//       <button 
//         onClick={handlePay} 
//         disabled={loading}
//         className="pay-button"
//       >
//         {/* {loading ? '处理中...' : `微信支付 ¥${(amount).toFixed(2)}`} */}
//       </button>
//       {message && <p className="pay-message">{message}</p>}
//     </div>
//   );
// };

// export default WechatPayButton;